<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>首页-绝地求生周边商城</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/details.css">
	<link rel="stylesheet" href="../css/details.css">
		<link rel="stylesheet" href="../font/iconfont.css">
  <script src="../jquery/jquery.js"></script>

</head>

<body style="height: auto;">

  <!-- 顶部区域 -->
  <header>
    <div id="EditionCenter">
      <div class="top-notice">
        <div class="horn"></div>
        <div class="scrollingsubtitles">
          <ul>
            <li>pubg周边商城上线啦~，点击查看详情></li>
          </ul>
        </div>
      </div>
      <div class="center-notice">
        <a href="//pubg.qq.com/" class="pubg-logo"><img src="../images/logo-pubg.png" alt="pubg"></a>
        <!-- 立即登陆 -->
        <div class="log-in-now">
          <i class="i-person"></i>
          <a href="">立即登陆</a>
        </div>
        <!-- 全局搜索 -->
        <div class="blk_header_search">
          <input type="text" class="top-soso" placeholder="请输入想要找的宝贝">
          <a href="" class="btn-search" title="搜索"></a>
          <i class="i-search"></i>
        </div>
      </div>
      <!-- 导航栏 -->
      <div class="bottom-notice">
        <a href="#" class="all-class" title="全部商品">
          <i class="i-all"></i>
          <span>全部商品</span>
        </a>
        <ul class="menulist">
          <li><a href="#">首页</a></li>
          <li><a href="#">周年专区</a></li>
          <li><a href="#">精彩活动</a></li>
          <li><a href="#">限时折扣</a></li>
          <li><a href="#">聚豆抵扣2</a></li>
        </ul>
        <a href="" class="cartbox clearfix" target="_blank">
          <i class="i-cart"></i>
          <span>购物车</span>
          <div class="cart-num">(0)</div>
        </a>
      </div>

    </div>

  </header>



  <!-- 内容区域 -->
<div class="comm"> 
  <!-- 主容器 -->
		<div class="mainWrap container">			
			<!-- 面包屑导航 -->
			<div class="detail_nav">
				<a href="#">商城首页</a> > <a href="#">家居日用</a> > <a href="#">T恤</a> > <a class="cur">PUBG-98K警告T恤</a>
			</div>
			
			<!-- 商品介绍 -->
			<div class="product_intro">
				<!-- 商品图片预览板块 -->
				<div class="product_preview">
					<div class="goodsImg">
						<img src="../images/previewimg1.jpg" alt="">
					</div>
					<div class="previewBox">
						<a href="#" class="curPreview">
							<img src="../images/previewimg1.jpg" alt="">
						</a>
						<a href="#">
							<img src="../images/previewimg2.jpg" alt="">
						</a>
						<a href="#">
							<img src="../images/previewimg3.jpg" alt="">
						</a>
						<a href="#">
							<img src="../images/previewimg4.jpg" alt="">
						</a>
					</div>
				</div>
				<!-- 商品规格信息板块 -->
				<div class="product_info">
					<h2 class="pord_name">
						PUBG-98K警告T恤
					</h2>
					<div class="pord_price">
						<span class="pord_dispri">￥<strong>168.00</strong></span>
						<span class="pord_orpri">￥238.00</span>
					</div>
					<div class="pord_detailbox">
						<div class="pord_sold">
							已售：<span class="soldNum">233</span>
						</div>
						<div class="pord_totalcom">
							累计评价：<span class="comNum">0</span>
						</div>
						<div class="pord_starbox">
							<i class="iconfont icon-pingfen show"></i>
							<i class="iconfont icon-pingfen show"></i>
							<i class="iconfont icon-pingfen"></i>
							<i class="iconfont icon-pingfen"></i>
							<i class="iconfont icon-pingfen"></i>
							<span class="star">2.0</span>
						</div>
					</div>
					<div class="pord_size">
						<span>尺码</span>
						<ul>
							<li class="cursize">S/165</li>
							<li>M/170</li>
							<li>L/175</li>
							<li>XL/175</li>
							<li>XXL/180</li>
						</ul>
					</div>
					<div class="pord_num">
						<span>数量</span>
						<div class="edit">
							<a href="javascript:;" class="reduce">-</a>
							<input type="text" size="2" maxlength="4" limit_num="0" class="input_detail_main_buy_num" value="1">
							<a href="javascript:;" class="plus">+</a>
						</div>
						<div class="pord_stock">
							(还剩23件)
						</div>
					</div>
					<div class="pord_btn">
						<button class="add">加入购物车</button>
						<button class="buy">立即购买</button>
						<button class="collect"><i class="iconfont icon-aixin"></i>收藏</button>
					</div>
				</div>
			</div>

			<!-- tab选项卡 -->
			<div class="product_tab">
				<div class="tab_nav">
					<!-- 此处修改每个items的curtab选项 -->
					<div class="items curtab">
						商品详情
					</div>
					<div class="items ">
						用户点评(0)
					</div>
					<div class="items ">
						联系商家
					</div>
				</div>
				<div class="tab_content">
					<!-- 此处修改每个content_items的curtab选项 -->
					<div class="content_items curcontent">
						<ul class="parameter">
							<li>
								<label>商品名称：</label>
								<span class="par-name">PUBG-98K警告T恤</span>
							</li>
							<li>
								<label>店铺：</label>
								<span class="par-name">衍界</span>
							</li>
							<li>
								<label>上架时间：</label>
								<span class="par-name">2020-04-07</span>
							</li>
							<li>
								<label>商品毛重：</label>
								<span class="par-name">500g</span>
							</li>
							<li>
								<label>商城：</label>
								<span class="par-name">绝地求生</span>
							</li>
							<li>
								<label>周边分类：</label>
								<span class="par-name">家居日用 /T恤</span>
							</li>
						</ul>
						<div class="detailbox">
							<img src="../images/d1.jpg" alt="">
							<img src="../images/d2.jpg" alt="">
							<img src="../images/d3.jpg" alt="">
							<img src="../images/d4.jpg" alt="">
							<img src="../images/d5.jpg" alt="">
							<img src="../images/d6.jpg" alt="">
							<img src="../images/d7.jpg" alt="">
							<img src="../images/d8.jpg" alt="">
						</div>
					</div>
					<div class="content_items">
						<div class="comment_box">
							<span>玩家综合评分：</span>
							<i class="iconfont icon-pingfen show"></i>
							<i class="iconfont icon-pingfen show"></i>
							<i class="iconfont icon-pingfen"></i>
							<i class="iconfont icon-pingfen"></i>
							<i class="iconfont icon-pingfen"></i> 
							<span class="start">0.0</span>
						</div>
					</div>
					<div class="content_items ">
						<div class="contact">
							<p>
								<i class="iconfont icon-shangjia"></i>
								商家：<span>衍界</span>
							</p>
							<p>
								<i class="iconfont icon-tubiao210"></i>
								商家联系方式
								<br>
								<span>电话：18301691795</span>
								<br>
								<span>ＱＱ：3431632071</span>
								<br>
								<span>微信：无</span>
							</p>
							<p>
								<i class="iconfont icon-shijian"></i>
								商家服务时间
								<br>
								在线时间：10:00—18：00
							</p>
							<p>
								<i class="iconfont icon-shangjia"></i>
								经营者证照信息
								<br>
								<button>查看证照信息</button>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
    



</div>
  

  <!-- 底部栏 -->
  <div class="footer">
    <div class="mid clearfix">
      <a id="comm-foot-djc" href="//mall.qq.com/" target="_bank" class="footer-djc" title="道聚城"><img
          src="../images/logo.png" alt="聚诚品" width="162" height="75"></a>
      <ul class="footer-info fl">
        <li><a href="/mall/help.shtml?gotab=1" target="_blank" muse_scanned="true">购物指南</a></li>
        <li><a href="/mall/help.shtml?gotab=2" target="_blank" muse_scanned="true">配送方式</a></li>
        <li><a href="/mall/help.shtml?gotab=3" target="_blank" muse_scanned="true">常见操作</a></li>
        <li><a href="/mall/help.shtml?gotab=4" target="_blank" muse_scanned="true">售后服务</a></li>
        <li><a href="/mall/help.shtml?gotab=5" target="_blank" muse_scanned="true">关于我们</a></li>
        <!--li><a href="javascript:;"><span class="ic09 in comm-top"></span>快递 100</a></li-->
      </ul>

      <ul class="footer-code fl">
        <li>
          <img src="../images/pubg-gzh.png" alt="绝地求生社区" width="100" height="100">
          <p>绝地求生社区</p>
        </li>
        <li>
          <img src="../images/wx-gzh.png" alt="微信公众号" width="100" height="100">
          <p>微信公众号</p>
        </li>
        <li class="pr0">
          <img src="../images/jcp_gzh.jpg" alt="聚诚品公众号" width="100" height="100">
          <p>聚诚品公众号</p>
        </li>
      </ul>
    </div>
  </div>
  <!-- 底部帮助栏 -->
  <div id="footer_ied">
    <div class="wrap_ied">
      <p><a href="//ieg.tencent.com" target="_blank">腾讯互动娱乐</a> | <a href="//game.qq.com/contract.shtml"
          target="_blank">服务条款</a>| <a href="//game.qq.com/privacy_guide.shtml" target="_blank">腾讯游戏隐私保护指引</a>| <a
          href="//game.qq.com/privacy_guide_children.shtml" target="_blank">腾讯游戏儿童隐私保护指引</a>| <a href="//e.tencent.com/"
          target="_blank">广告服务</a> | <a href="//game.qq.com/hr/" target="_blank">腾讯游戏招聘</a> | <a href="//kf.qq.com/"
          target="_blank">腾讯游戏客服</a> | <a href="//game.qq.com/gnav" target="_blank">游戏地图</a> | <a
          href="https://jiazhang.qq.com/jz/home.html?ADTAG=gamepcbottom" target="_blank">成长守护平台</a> | <a
          href="//game.qq.com/brand/business.htm" target="_blank">商务合作</a> | <a href="//www.qq.com/map/"
          target="_blank">网站导航</a></p>
      <p><a href="//www.qq.com/culture.shtml" target="_blank" rel="nofollow">粤网文[2014]0633-233号</a>&nbsp;增值电信业务经营许可证：<a
          href="//www.qq.com/icp.shtml" target="_blank" rel="nofollow">粤B2-20090059</a》>&nbsp;<a
            href="//www.qq.com/icp1.shtml" target="_blank" rel="nofollow">B2-20090028</a>&nbsp;违法和不良信息举报电话：0755-83767606
      </p>
      <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
      <p><a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a></p>
    </div>
  </div>
  <!-- 回到顶部 -->
  <div class="topnav">
    <a href="#top"><i class="comicon btn-top"></i></a>
  </div>
  <script src="../js/index.js"></script>

</body>


</html>